@charset "utf-8";
html,body,#big{
    height: 100%;
}
#big{
    display: flex;
    flex-direction: column;
}
main{
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: auto;
    flex-grow: 1!important;
    background-color: #F0F0F0;
}
header{
    line-height: 0.4rem;
    
    text-align: center!important;
    width: 100%;
    height: 0.4rem!important;
    position: relative;
    background-color: #F7F7F8;
    border-bottom: 0.01rem solid #DFDFE0;
    >div:nth-of-type(1){
        width: 10%;
        position: absolute;
        >a{
            color: darkgray;
        }
    }
    >div:nth-of-type(2){
        width:100%;
        text-align: center;
    }
}
.tishi{
    width: 100%;
    font-size: 0.16rem;
    padding: 0.05rem 0;
}
#inputGroup{
    text-align: center;
//  margin-top: 0.3rem;
    width: 100%;
    height: 0.9rem;
    background-color: rgba(255,255,255,0.5);
    display: flex;
    flex-direction: column;
    
}
#userName,#userPassword{
    width: 100%;
    position: relative;
    >input{
        width: 100%;
        border: none;
        height: 0.4rem;
        border-bottom: 0.01rem solid lightgray;
        padding-left: 0.6rem;
        padding-right: 0.8rem;
    }
    >label{
        display: inline;
        width: auto;
        position: absolute;
        z-index: 1;
        top: 0.12rem;
        left: 0.05rem;
        color: darkgray;
        font-weight: 100;
    }
    >span{
        color: red;
        position: absolute;
        right: 0.05rem;
        top: 0.12rem;
        
    }
}
#userPassword>input{
    border-bottom: none;
}
#sign{
    width: 96%;
    height: 0.4rem;
    background: #FF4400;
    border: none;
    border-radius: 0.05rem;
    color: white;
    font-size: 0.15rem;
}